<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <!-- Bootstrap Core CSS -->
    <link th:href="@{/vendor/bootstrap/css/bootstrap.min.css}" href="/static/vendor/bootstrap/css/bootstrap.min.css"
          rel="stylesheet">

    <script th:src="@{/vendor/jquery/jquery.min.js}" src="/static/vendor/jquery/jquery.min.js"></script>
</head>
<body>
<div id="modalContent">
    <input type="hidden" id="itemId" th:value="${item.id}" >
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">商品详情</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="form-group col-lg-6">
                            <label for="title" class="col-lg-2 control-label">名称：</label>
                            <div class="col-lg-10">
                                <input id="title" th:value="${item.skuName}" class="form-control input-lg"
                                       placeholder="请输入名称"/>
                            </div>
                        </div>
                        <div class="form-group col-lg-6">
                            <label for="promotionLink" class="col-lg-2 control-label">链接：</label>
                            <div class="col-lg-10">
                                <input id="promotionLink" th:value="${item.couponLink}" class="form-control input-lg"
                                       placeholder="请输入链接"/>
                            </div>
                        </div>
                        <div class="form-group col-lg-6">
                            <label for="promotionPrice" class="col-lg-2 control-label">促销价：</label>
                            <div class="col-lg-10">
                                <input id="promotionPrice" th:value="${item.promotionPrice}" class="form-control input-lg"
                                       placeholder="请输入链接"/>
                            </div>
                        </div>
                        <div class="form-group col-lg-6">
                            <label for="categoryId" class="col-lg-2 control-label">分类：</label>
                            <div class="col-lg-10">
                                <input id="categoryId" th:value="${item.categoryId}" class="form-control input-lg"
                                       placeholder="请输入分类id"/>
                            </div>
                        </div>
                        <!--富文本编辑器-->
                        <div id="editor" class="col-lg-10 col-lg-offset-1" th:utext="${item.skuDesc}">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" id="saveItem" class="btn btn-primary">保存</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <script>

    </script>

</div>
</body>
</html>